<template>
	<view class="">
		<view class="item-btn unify-relative">
			<view v-if="status===1" class="item-btn-pay unify-absolute" :class="'bg-' + themeColor.name">立即付款</view>
			<view v-if="status===2" class="item-btn-pay unify-absolute" :class="'bg-' + themeColor.name">确认收货</view>
			<view v-if="status===3" class="item-btn-pay unify-absolute" :class="'bg-' + themeColor.name">待评价</view>
			<view v-if="status===4" class="item-btn-pay unify-absolute" :class="'bg-' + themeColor.name">已完成</view>
			<!-- <view v-if="status===5" class="item-btn-pay unify-absolute" :class="'bg-' + themeColor.name">已取消</view> -->
		
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			status:{
				type:Number,
				default:0
			}
		}
		
		
	}
	
</script>

<style lang="scss" scoped>
	.item-btn {
		width: 100%;
		height: 106rpx;
		align-items: center;
		border-top: 2rpx solid rgba($color: #000000, $alpha: .05);
		margin-top: 30rpx;
	}
	
	.item-btn-pay {
		font-size: $uni-font-size-base;
		width: max-content;
		height: 56rpx;
		line-height: 56rpx;
		padding: 0 20rpx;
		border-radius: 30rpx;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
	}
</style>
